<template>
  <a href="/" class="flex-center-wrap">
    <img
      src="//image.zlketang.com/public/news/images/new_official/other/black_logo.png"
      alt="之了课堂"
      class="log"
    />
    <span class="log-dor"></span>
    <img :src="rightImgUrl" alt="网站地图" class="log1" />
  </a>
</template>

<script>
export default {
  props: {
    rightImgUrl: {
      type: String,
      default: ''
    }
  },
  data() {
    return {}
  },
  methods: {}
}
</script>

<style scoped>
.log {
  height: 34px;
}
.log-dor {
  display: block;
  width: 23px;
  position: relative;
}
.log-dor::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  background: #383838;
}
.log1 {
  height: 20px;
}
</style>
